<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #main {
        width: 550px;
        height: 600px;
        border:2px solid #ccc;
    }
    #main:hover {
            /* color: #F90; */
            text-decoration: dashed;
        /* 鼠标点击时候的效果 */
        }
    img {
        margin: 10px 15px;
    }
    hr {
        border:1px solid #e2dddd;
    }
    p {
        font-family: "宋体";
    }
</style>
<body>
    <div id="main">
        <img src="./素材/24-11-8-3.jpg" width="520" height="300">
        <h2>长颈鹿</h2>
        <hr>
        <br>
        <br>
        <br>
        <p>
            长颈鹿：拉丝机理发卡塑料袋放进；爱丽丝的开发吉林省地方酸辣凉粉
        </p>
    </div>
</body>
</html>